<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<link rel="stylesheet" href="./css/reset.css">
		<link rel="stylesheet" href="./css/homepage.css">
		
	</head>
	<body>
		<!-- header -->
		<div class="header">
			<img class="arrow-left" src="./img/homepage/images/icon-1.png" alt="">
			<span class="top-title">本家</span>
			<img class="search-right" src="./img/homepage/images/icon.png" alt="">
		</div>
		<div class="banner-1">
			<img src="./img/homepage/images/banner-1.jpg" alt="">
		</div>
		
		<div class="nav">
			<ul class="nav-list">
				<li><img src="./img/homepage/images/icon-2.png" alt=""><p>新品/热销</p></li>
				<li><img src="./img/homepage/images/icon-3.png" alt=""><p>超值拼团</p></li>
				<li><img src="./img/homepage/images/icon-4.png" alt=""><p>新人福利</p></li>
				<li><img src="./img/homepage/images/icon-5.png" alt=""><p>时尚动态</p></li>
			</ul>
		</div>
	
		<div class="hot-salt">
			<div class="title">
				<div class="text">好物推荐</div>
				<div class="line"></div>
				<div class="text-en">RECOMMEND</div>
			</div>
			<ul class="salt-list">
				<li><img src="./img/homepage/images/sale-1.jpg" alt="">
					<div class="shopping">英式经典三防女式长风衣</div>
					<span class="price">￥599</span>
				</li>
				<li><img src="./img/homepage/images/sale-2.jpg" alt="">
					<div class="shopping">英式经典三防女式长风衣</div>
					<span class="price">￥599</span>
				</li>
				<li><img src="./img/homepage/images/sale-3.jpg" alt="">
					<div class="shopping">英式经典三防女式长风衣</div>
					<span class="price">￥599</span>
				</li>
				<li><img src="./img/homepage/images/sale-4.jpg" alt="">
					<div class="shopping">英式经典三防女式长风衣</div>
					<span class="price">￥599</span>
				</li>
				<li><img src="./img/homepage/images/sale-5.jpg" alt="">
					<div class="shopping">英式经典三防女式长风衣</div>
					<span class="price">￥599</span>
				</li>
				<li><img src="./img/homepage/images/sale-6.jpg" alt="">
					<div class="shopping">英式经典三防女式长风衣</div>
					<span class="price">￥599</span>
				</li>
			</ul>
		</div>
		<div class="selection">
			<div class="title">
				<div class="text">好物推荐</div>
				<div class="line"></div>
				<div class="text-en">RECOMMEND</div>
			</div>
			<div class="item">
				<img src="./img/homepage/images/banner-2.jpg" alt="">
				<div class="contain">
					<div class="top">
						<span class="item-title">本家HOME</span>
						<span class="item-price">29.9元起</span>
					</div>
					<div class="item-contain">每满100立减20元</div>
				</div>
			</div>
			
		</div>
		<div class="recommend">
			<div class="title">
				<div class="text">好物推荐</div>
				<div class="line"></div>
				<div class="text-en">RECOMMEND</div>
			</div>
			<ul class="recommend-list">
				<li>
					<img src="./img/homepage/images/list-1.jpg" alt="">
					<div class="contain">
						<div class="contain-title">狐步小吊灯</div>
						<span>曼妙裙摆 任意空间的光线舞者</span>
						<span class="recommend-price">￥469</span>
					</div>
				</li>
				<li>
					<img src="./img/homepage/images/list-2.jpg" alt="">
					<div class="contain">
						<div class="contain-title">狐步小吊灯</div>
						<span>曼妙裙摆 任意空间的光线舞者</span>
						<span  class="recommend-price">￥469</span>
					</div>
				</li>
				<li>
					<img src="./img/homepage/images/list-3.jpg" alt="">
					<div class="contain">
						<div class="contain-title">狐步小吊灯</div>
						<span>曼妙裙摆 任意空间的光线舞者</span>
						<span  class="recommend-price">￥469</span>
					</div>
				</li>
				<li>
					<img src="./img/homepage/images/list-4.jpg" alt="">
					<div class="contain">
						<div class="contain-title">狐步小吊灯</div>
						<span>曼妙裙摆 任意空间的光线舞者</span>
						<span  class="recommend-price">￥469</span>
					</div>
				</li>
				<li>
					<img src="./img/homepage/images/list-5.jpg" alt="">
					<div class="contain">
						<div class="contain-title">狐步小吊灯</div>
						<span>曼妙裙摆 任意空间的光线舞者</span>
						<span  class="recommend-price">￥469</span>
					</div>
				</li>
				<li>
					<img src="./img/homepage/images/list-6.jpg" alt="">
					<div class="contain">
						<div class="contain-title">狐步小吊灯</div>
						<span>曼妙裙摆 任意空间的光线舞者</span>
						<span  class="recommend-price">￥469</span>
					</div>
				</li>
				<li>
					<img src="./img/homepage/images/list-7.jpg" alt="">
					<div class="contain">
						<div class="contain-title">狐步小吊灯</div>
						<span>曼妙裙摆 任意空间的光线舞者</span>
						<span  class="recommend-price">￥469</span>
					</div>
				</li>
				<li>
					<img src="./img/homepage/images/list-8.jpg" alt="">
					<div class="contain">
						<div class="contain-title">狐步小吊灯</div>
						<span>曼妙裙摆 任意空间的光线舞者</span>
						<span  class="recommend-price">￥469</span>
					</div>
				</li>
				<li>
					<img src="./img/homepage/images/list-9.jpg" alt="">
					<div class="contain">
						<div class="contain-title">狐步小吊灯</div>
						<span>曼妙裙摆 任意空间的光线舞者</span>
						<span  class="recommend-price">￥469</span>
					</div>
				</li>
				<li>
					<img src="./img/homepage/images/list-10.jpg" alt="">
					<div class="contain">
						<div class="contain-title">狐步小吊灯</div>
						<span>曼妙裙摆 任意空间的光线舞者</span>
						<span  class="recommend-price">￥469</span>
					</div>
				</li>
				<li>
					<img src="./img/homepage/images/list-11.jpg" alt="">
					<div class="contain">
						<div class="contain-title">狐步小吊灯</div>
						<span>曼妙裙摆 任意空间的光线舞者</span>
						<span  class="recommend-price">￥469</span>
					</div>
				</li>
				<li>
					<img src="./img/homepage/images/list-12.jpg" alt="">
					<div class="contain">
						<div class="contain-title">狐步小吊灯</div>
						<span>曼妙裙摆 任意空间的光线舞者</span>
						<span  class="recommend-price">￥469</span>
					</div>
				</li>
			</ul>
		</div>
		<div class="footer">
			<ul class="footer-list">
				<li>
					<img src="./img/homepage/images/icon-7.png" alt="">
					<div class="text">首页</div>
				</li>
				<li>
					<img src="./img/homepage/images/icon-8.png" alt="">
					<div class="text">优选</div>
				</li>
				<li>
					<img src="./img/homepage/images/icon-9.png" alt="">
					<div class="text">分类</div>
				</li>
				<li>
					<img src="./img/homepage/images/icon-11.png" alt="">
					<div class="text">购物车</div>
				</li>
				<li>
					<img src="./img/homepage/images/icon-10.png" alt="">
					<div class="text">我的</div>
				</li>
			</ul>
		</div>
	</body>
</html>
